<div class="zui-pageContent">
    <div class="zui-doc">
        <h3 class="page-header">datagrid 示例</h3>
        <blockquote>
            <p>本节主要展示datagrid组件示例。</p>
        </blockquote>
        <ul>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo1.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo1', url:'Public/static/zui/demo/doc/datagrid/demo1.html', width:600, height:400}">html静态表头 + DOM上设定data数据</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo2.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo2', url:'Public/static/zui/demo/doc/datagrid/demo2.html', width:600, height:400}">DOM上设定表头参数及data数据</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo3.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo3', url:'Public/static/zui/demo/doc/datagrid/demo3.html', width:600, height:400}">DOM上设定表头参数及data数据(用方法返回，避免JSON数据破坏DOM结构)</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo4.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo4', url:'Public/static/zui/demo/doc/datagrid/demo4.html', width:600, height:400}">用jQuery初始化datagrid</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo5.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo5', url:'Public/static/zui/demo/doc/datagrid/demo5.html', width:600, height:400}">远程数据(JSON格式)</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo6.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo6', url:'Public/static/zui/demo/doc/datagrid/demo6.html', width:600, height:400}">远程数据(Array格式)</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo7.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo7', url:'Public/static/zui/demo/doc/datagrid/demo7.html', width:600, height:400}">远程数据(Xml格式)</a></li>
            <li><a href="Public/static/zui/demo/doc/datagrid/demo8.html" data-toggle="dialog" data-options="{id:'doc-datagrid-demo8', url:'Public/static/zui/demo/doc/datagrid/demo8.html', width:600, height:400}">多表头</a></li>
        </ul>
        <blockquote class="point">
            <p>更多参数设置参见<a href="Public/static/zui/demo/doc/datagrid/datagrid-op.html" data-toggle="navtab" data-id="doc-datagrid-op">datagrid参数</a>，更多Demo待续...</p>
        </blockquote>
    </div>
</div>
<div class="zui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
    </ul>
</div>